<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="renderer" content="webkit|ie-comp|ie-stand">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link href="__STATIC__/admin/assets/css/bootstrap.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="__STATIC__/admin/css/style.css"/>
  <link rel="stylesheet" href="__STATIC__/admin/assets/css/ace.min.css" />
  <link rel="stylesheet" href="__STATIC__/admin/assets/css/font-awesome.min.css" />
  <link rel="stylesheet" href="__STATIC__/admin/Widget/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
  <link href="__STATIC__/admin/Widget/icheck/icheck.css" rel="stylesheet" type="text/css" />
  <!--[if IE 7]>
  <link rel="stylesheet" href="__STATIC__/admin/assets/css/font-awesome-ie7.min.css" />
  <![endif]-->
  <!--[if lte IE 8]>
  <link rel="stylesheet" href="__STATIC__/admin/assets/css/ace-ie.min.css" />
<!--  <link rel="stylesheet" href="__STATIC__/admin/css/laypage.css" />-->

  <![endif]-->
  <script src="__STATIC__/admin/js/jquery-1.9.1.min.js"></script>
  <script src="__STATIC__/admin/assets/js/bootstrap.min.js"></script>
  <script src="__STATIC__/admin/assets/js/typeahead-bs2.min.js"></script>
  <script src="__STATIC__/admin/lib/laypage/1.2/laypage.js"></script>
  <!--    <script src="__STATIC__/admin/js/laypage.js"></script>-->
  <!-- page specific plugin scripts -->
  <script src="__STATIC__/admin/assets/js/jquery.dataTables.min.js"></script>
  <script src="__STATIC__/admin/assets/js/jquery.dataTables.bootstrap.js"></script>
  <script type="text/javascript" src="__STATIC__/admin/js/H-ui.js"></script>
  <script type="text/javascript" src="__STATIC__/admin/js/H-ui.admin.js"></script>
  <script src="__STATIC__/admin/assets/layer/layer.js" type="text/javascript" ></script>
  <script src="__STATIC__/admin/assets/laydate/laydate.js" type="text/javascript"></script>
  <script type="text/javascript" src="__STATIC__/admin/Widget/zTree/js/jquery.ztree.all-3.5.min.js"></script>
  <script src="__STATIC__/admin/js/lrtk.js" type="text/javascript" ></script>
  <title>产品列表</title>
</head>
<body>
<div class=" page-content clearfix">
  <div id="products_style">
    <div class="search_style">
      <form action="{:url('index')}" method="get">
        <div class="title_names">搜索查询</div>
        <ul class="search_content clearfix">
          <li><label class="l_f">产品名称</label><input name="name" type="text"  class="text_add" placeholder="输入产品名称"  style=" width:250px"/></li>
          <!--        <li><label class="l_f">添加时间</label><input class="inline laydate-icon" id="start" style=" margin-left:10px;"></li>-->

          <li>
            <label class="form-label col-2">鱼漂分类：</label>

            <select class="select" name="fid">
              <option value="0">请选择</option>
              {volist name="fishing" id="vo"}
              <option value="{$vo.fid}"> {$vo.float}</option>
              {/volist}
            </select>
          </li>

          <li style="width:90px;"><button type="sibmit" class="btn_search"><i class="icon-search"></i>查询</button></li>

        </ul>
      </form>
    </div>

    <!--产品列表展示-->
    <div class="border clearfix">
       <span class="l_f">
        <a href='{:url("product/add")}' title="添加商品" class="btn btn-warning Order_form"><i class="icon-plus"></i>添加商品</a>
         <!--<a href="javascript:ovid()" class="btn btn-danger"><i class="icon-trash"></i>批量删除</a>-->
       </span>
      <span class="r_f">共：<b>{$total}</b>件商品</span>
    </div>

  </div>
  <div class="table_menu_list" id="testIframe">
    <table class="table table-striped table-bordered table-hover" >
      <thead>
      <tr>
        <!--        <th width="25px"><label><input type="checkbox" class="ace"><span class="lbl"></span></label></th>-->
        <th width="80px">编号</th>
        <th width="250px">产品名称</th>
        <th width="100px">天猫价</th>
        <th width="100px">垂钓场所</th>
        <th width="100px">材质</th>
        <th width="100px">鱼漂分类</th>
        <th width="100px">漂尾类型</th>
        <th width="100px">缩略图</th>
        <th width="180px">添加时间</th>
        <th width="80px">库存</th>
        <th width="70px">状态</th>
        <th width="200px">操作</th>
      </tr>
      </thead>
      <tbody>
      {foreach $products as $v}

      <tr>
        <!--        <td width="25px"><label><input type="checkbox" class="ace" ><span class="lbl"></span></label></td>-->
        <td width="80px">{$v.id}</td>
        <td width="250px"><u style="cursor:pointer" class="text-primary" onclick="">{$v.name}</u></td>
        <td width="100px">{$v.price}</td>
        <td width="100px">{$v.place['place']}</td>
        <td width="100px">{$v.mater['mater']}</td>
        <td width="100px">{$v.fishing['float']}</td>
        <td width="100px">{$v.tail['tail']}</td>
        <td width="100px"><img src="{$v.headimg}" width="100px"></td>
        <td width="180px">{$v.create_time|date='Y-m-d',###}</td>
        <td class="text-l">{$v.stock}</td>
        {if($v.status eq 1)}
        <td class="td-status"><span class="label label-success radius">已启用</span></td>
        {else /}
        <td class="td-status"><span class="label label-defaunt radius">已停用</span></td>
        {/if}
        <td class="td-manage">
          {if($v.status eq 1)}
          <a   href="{:url('stop',['id'=>$v.id])}" title="停用"  class="btn btn-xs"><i class="icon-ok bigger-120"></i></a>
          {else /}
          <a   href="{:url('stop',['id'=>$v.id])}" title="启用"  class="btn btn-xs btn-success"><i class="icon-ok bigger-120"></i></a>
          {/if}





          <a title="编辑"  href="{:url('product/edit',['id'=>$v.id])}"  class="btn btn-xs btn-info" ><i class="icon-edit bigger-120"></i></a>
          <a title="删除" href="{:url('product/del',['id'=>$v.id])}"   class="btn btn-xs btn-warning" ><i class="icon-trash  bigger-120"></i></a>
        </td>
      </tr>
      {/foreach}


      </tbody>
    </table>

    <div id="laypage"></div>
  </div>
</div>
</div>
</div>
</body>
</html>
<script>
  var url = '{:url("index")}'+'?{$query}';
  //alert(url);
  laypage({
    cont: 'laypage', //容器。值支持id名、原生dom对象，jquery对象,
    pages: '{$pageTotal}', //总页数
    skin: '#5FB878', //皮肤
    curr :'{$curr}',
    jump: function(e, first){ //触发分页后的回调
      if(!first){ //一定要加此判断，否则初始时会无限刷新
        //alert(url+'?page='+e.curr);
        location.href = url+'&page='+e.curr;
      }
    }
  });

  jQuery(function($) {
    var oTable1 = $('#sample-table').dataTable( {
      "aaSorting": [[ 1, "desc" ]],//默认第几个排序
      "bStateSave": true,//状态保存
      "aoColumnDefs": [
        //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
        {"orderable":false,"aTargets":[0,2,3,4,5,8,9]}// 制定列不参与排序
      ] } );


    $('table th input:checkbox').on('click' , function(){
      var that = this;
      $(this).closest('table').find('tr > td:first-child input:checkbox')
              .each(function(){
                this.checked = that.checked;
                $(this).closest('tr').toggleClass('selected');
              });

    });


    $('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
    function tooltip_placement(context, source) {
      var $source = $(source);
      var $parent = $source.closest('table')
      var off1 = $parent.offset();
      var w1 = $parent.width();

      var off2 = $source.offset();
      var w2 = $source.width();

      if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
      return 'left';
    }
  });
  laydate({
    elem: '#start',
    event: 'focus'
  });
  $(function() {
    $("#products_style").fix({
      float : 'left',
      //minStatue : true,
      skin : 'green',
      durationTime :false,
      spacingw:30,//设置隐藏时的距离
      spacingh:260,//设置显示时间距
    });
  });
</script>
<script type="text/javascript">
  //初始化宽度、高度
  $(".widget-box").height($(window).height()-215);
  $(".table_menu_list").width($(window).width()-260);
  $(".table_menu_list").height($(window).height()-215);
  //当文档窗口发生改变时 触发
  $(window).resize(function(){
    $(".widget-box").height($(window).height()-215);
    $(".table_menu_list").width($(window).width()-260);
    $(".table_menu_list").height($(window).height()-215);
  })

  /*******树状图*******/
  var setting = {
    view: {
      dblClickExpand: false,
      showLine: false,
      selectedMulti: false
    },
    data: {
      simpleData: {
        enable:true,
        idKey: "id",
        pIdKey: "pId",
        rootPId: ""
      }
    },
    callback: {
      beforeClick: function(treeId, treeNode) {
        var zTree = $.fn.zTree.getZTreeObj("tree");
        if (treeNode.isParent) {
          zTree.expandNode(treeNode);
          return false;
        } else {
          demoIframe.attr("src",treeNode.file + ".html");
          return true;
        }
      }
    }
  };

  var zNodes =[
    { id:1, pId:0, name:"商城分类列表", open:true},
    { id:11, pId:1, name:"蔬菜水果"},
    { id:111, pId:11, name:"蔬菜"},
    { id:112, pId:11, name:"苹果"},
    { id:113, pId:11, name:"大蒜"},
    { id:114, pId:11, name:"白菜"},
    { id:115, pId:11, name:"青菜"},
    { id:12, pId:1, name:"手机数码"},
    { id:121, pId:12, name:"手机 "},
    { id:122, pId:12, name:"照相机 "},
    { id:13, pId:1, name:"电脑配件"},
    { id:131, pId:13, name:"手机 "},
    { id:122, pId:13, name:"照相机 "},
    { id:14, pId:1, name:"服装鞋帽"},
    { id:141, pId:14, name:"手机 "},
    { id:42, pId:14, name:"照相机 "},
  ];

  var code;

  function showCode(str) {
    if (!code) code = $("#code");
    code.empty();
    code.append("<li>"+str+"</li>");
  }

  $(document).ready(function(){
    var t = $("#treeDemo");
    t = $.fn.zTree.init(t, setting, zNodes);
    demoIframe = $("#testIframe");
    demoIframe.bind("load", loadReady);
    var zTree = $.fn.zTree.getZTreeObj("tree");
    zTree.selectNode(zTree.getNodeByParam("id",'11'));
  });
  /*产品-停用*/
  function member_stop(obj,id){
    layer.confirm('确认要停用吗？',function(index){
      $.post("{:url('product/stop')}",{'id':id},function(msg){
        if(msg == 1){
          $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs " onClick="member_start(this,id)" href="javascript:;" title="启用"><i class="icon-ok bigger-120"></i></a>');
          $(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已停用</span>');
          $(obj).remove();
          layer.msg('已停用!',{icon: 5,time:1000});
        }
      },'json');



    });
  }

  /*产品-启用*/
  function member_start(obj,id){
    layer.confirm('确认要启用吗？',function(index){
      $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs btn-success" onClick="member_stop(this,id)" href="javascript:;" title="停用"><i class="icon-ok bigger-120"></i></a>');
      $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>');
      $(obj).remove();
      layer.msg('已启用!',{icon: 6,time:1000});
    });
  }
  /*产品-编辑*/
  function member_edit(title,url,id,w,h){
    layer_show(title,url,w,h);
  }

  /*产品-删除*/
  function member_del(obj,id){
    layer.confirm('确认要删除吗？',function(index){
      $(obj).parents("tr").remove();
      layer.msg('已删除!',{icon:1,time:1000});
    });
  }
  //面包屑返回值
  var index = parent.layer.getFrameIndex(window.name);
  parent.layer.iframeAuto(index);
  $('.Order_form').on('click', function(){
    var cname = $(this).attr("title");
    var chref = $(this).attr("href");
    var cnames = parent.$('.Current_page').html();
    var herf = parent.$("#iframe").attr("src");
    parent.$('#parentIframe').html(cname);
    parent.$('#iframe').attr("src",chref).ready();;
    parent.$('#parentIframe').css("display","inline-block");
    parent.$('.Current_page').attr({"name":herf,"href":"javascript:void(0)"}).css({"color":"#4c8fbd","cursor":"pointer"});
    //parent.$('.Current_page').html("<a href='javascript:void(0)' name="+herf+" class='iframeurl'>" + cnames + "</a>");
    parent.layer.close(index);

  });
</script>
